<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>Your New Application</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<style type="text/css">
    /* Prevent copy paste for all elements except text fields */
    *  { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
    input, textarea  { -webkit-user-select:text; }
    
    /* Set up the page with a default background image */
    body {
        background-color:#fff;
        color:#000;
        font-family:Arial;
        font-size:18pt;
        margin:0px;padding:0px;
    }
</style>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src='intelxdk.js'></script>
<script src='js/vendor/jquery.min.js'></script>
<script src='js/vendor/exif.js'></script>
<script src='js/vendor/canvas-to-blob.js'></script>
<script src='js/filters/filters.js'></script>
<!--<script src='js/vendor/hammer.min.js'></script>-->
<script type="text/javascript">
/* This code prevents users from dragging the page */
var preventDefaultScroll = function(event) {
    event.preventDefault();
    window.scroll(0,0);
    return false;
};
document.addEventListener('touchmove', preventDefaultScroll, false);
//
///* This code is used to run as soon as appMobi activates */
var onDeviceReady=function(){ 
	//hide splash screen
	AppMobi.device.hideSplashScreen();	
}
document.addEventListener("appMobi.device.ready",onDeviceReady,false);    
</script>

</head>
<body>
    <!-- <img src="images/moto.png" id="image"> -->
        <!--Add a file picker for the user to start the upload process -->
    <!--Add a file picker for the user to start the upload process -->
                <input type="button" id="authorizeButton" style="display: none" value="Authorize" />
    <div class="layout" data-container="layout">
        <div class="page capture active" data-container="capture">
            <img src="images/logo.png" class="logo">
            <a href="#" class="icon takephoto" data-action="capture">
                <img src="images/capture.png">
            </a>
            <p class="msg"></p>
        </div>
        <div class="page edit" data-container="edit">
            <div class="toolset" data-action="usetool">
                <a href="#" class="tool comment"><img src="images/callaut.png"></a>
                <a href="#" class="tool grayscale"><img src="images/grayscale.png"></a>
                <a href="#" class="tool brighten"><img src="images/sun.png"></a>
                <a href="#" class="tool upload"><img src="images/upload.png"></a>
                <!-- <a href="#" class="tool     ">T</a> -->
            </div>
            <div class="text">
                <textarea>
                </textarea>
                <br>
                <button data-action="postcomment">Comment</button>
            </div>
            <canvas id="cv01"></canvas>

        </div>
    </div>
    <script src="js/navigation.js"></script>
    <script src="js/main.js"></script>
    <script src="js/app.js"></script>
    <script type="text/javascript" src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>
</body>
</html>
